/*
 * SonarQube
 * Copyright (C) 2009-2023 SonarSource SA
 * mailto:info AT sonarsource DOT com
 *
 * This program is free software; you can redistribute it and/or
 * modify it under the terms of the GNU Lesser General Public
 * License as published by the Free Software Foundation; either
 * version 3 of the License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
 * Lesser General Public License for more details.
 *
 * You should have received a copy of the GNU Lesser General Public License
 * along with this program; if not, write to the Free Software Foundation,
 * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
 */
html,
body {
  color: var(--baseFontColor);
}

body {
  font-family: var(--baseFontFamily);
  font-size: var(--baseFontSize);
  line-height: 1.23076923;
}

h1,
.h1 {
  line-height: var(--controlHeight);
  color: var(--baseFontColor);
  font-size: var(--bigFontSize);
  font-weight: 400;
}

h1 img,
.h1 img,
h1 svg,
.h1 svg {
  vertical-align: middle;
  transform: translateY(-1px);
}

h2,
.h2 {
  line-height: var(--controlHeight);
  color: var(--baseFontColor);
  font-size: 15px;
  font-weight: 400;
}

h2 img,
.h2 img,
h2 svg,
.h2 svg {
  vertical-align: middle;
  transform: translateY(-1px);
}

h3,
.h3 {
  line-height: var(--controlHeight);
  color: var(--baseFontColor);
  font-size: var(--mediumFontSize);
  font-weight: 600;
}

h3 img,
.h3 img,
h3 svg,
.h3 svg {
  vertical-align: middle;
  transform: translateY(-1px);
}

h4,
.h4 {
  line-height: var(--controlHeight);
  color: var(--baseFontColor);
  font-size: var(--baseFontSize);
  font-weight: 600;
}

h4 img,
.h4 img,
h4 svg,
.h4 svg {
  vertical-align: middle;
  transform: translateY(-1px);
}

h5,
.h5 {
  line-height: var(--controlHeight);
  color: var(--baseFontColor);
  font-size: var(--baseFontSize);
  font-weight: 600;
}

h5 img,
.h5 img,
h5 svg,
.h5 svg {
  vertical-align: middle;
  transform: translateY(-1px);
}

h6,
.h6 {
  line-height: var(--controlHeight);
  color: var(--baseFontColor);
  font-size: var(--baseFontSize);
  font-weight: 600;
}

h6 img,
.h6 img,
h6 svg,
.h6 svg {
  vertical-align: middle;
  transform: translateY(-1px);
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

em {
  font-style: italic;
}

strong {
  font-weight: 600;
}

.underline {
  text-decoration: underline;
}

mark {
  background: none;
  color: var(--baseFontColor);
  font-weight: bold;
}

blockquote {
  border-left: 3px solid var(--barBorderColor);
  padding: 0 8px;
  line-height: 1.5;
}

blockquote cite {
  line-height: 1.5;
  color: var(--secondFontColor);
  font-size: var(--smallFontSize);
}

small,
.small {
  font-size: var(--smallFontSize) !important;
}

.medium {
  font-size: var(--mediumFontSize) !important;
}

.big {
  font-size: var(--bigFontSize) !important;
}

.huge {
  font-size: var(--hugeFontSize) !important;
}

.gigantic {
  font-size: var(--giganticFontSize) !important;
}

.zero-font-size {
  font-size: 0 !important;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

.text-top {
  vertical-align: top !important;
}

.text-middle {
  vertical-align: middle !important;
}

.text-bottom {
  vertical-align: bottom !important;
}

.text-text-top {
  vertical-align: text-top !important;
}

.text-text-bottom {
  vertical-align: text-bottom !important;
}

.text-baseline {
  vertical-align: baseline !important;
}

.text-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-limited-small {
  display: inline-block;
  max-width: 8vw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-limited {
  display: inline-block;
  max-width: 16vw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-no-transform {
  text-transform: none;
}

.text-light {
  font-weight: 300 !important;
}

.text-normal {
  font-weight: normal !important;
}

.text-bold {
  font-weight: bold !important;
}

.text-muted {
  color: var(--secondFontColor);
}

.text-muted-2 {
  color: var(--gray71);
}

.text-danger {
  color: var(--red) !important;
}

.text-warning {
  color: var(--orange) !important;
}

.text-info {
  color: var(--blue) !important;
}

.text-success {
  color: var(--green) !important;
}

.monospaced {
  line-height: 18px;
  font-family: var(--sourceCodeFontFamily);
  font-size: var(--smallFontSize);
}
